<template>
  <div class="app">
    <!-- 如果组件溢出加滑块 -->
    <div class="scrollable-container">
      <!-- 头像部分 -->

      <MyUser>
      </MyUser>

      <!-- 收藏商品部分 我的订单部分 -->
      <div>
        <MyOrde></MyOrde>
      </div>

      <!-- 下方选项部分 -->
      <MyUserOp></MyUserOp>
    </div>
    <!-- 底部导航栏 -->
    <div id="nav">
      <Nav></Nav>
    </div>
  </div>
</template>
  
<script>
//导航栏组件
import Nav from '../navbar.vue'
//用户头像和资料
import MyUser from '../../components/user/myUser.vue'
import MyOrde from '../../components/user/myOrde.vue'
import MyUserOp from '../../components/user/myUserOp.vue'



export default {
  //用户界面
  name: "user",
  // 注册组件
  components: {
    Nav, MyUser, MyOrde, MyUserOp
  },
  data() {
        return {
            user: []
        };
    },
    created() {
      // 获取数据
        const userStr = window.sessionStorage.getItem("user");
        // console.log(userStr); // 检查返回的字符串是否是有效的 JSON 字符串
        this.user = JSON.parse(userStr);
 
  },
  mounted() {
     
    },
}
</script>
  
<style scoped>
.app {
  /* 添加滑块 */
  overflow-y: auto;
}

.scrollable-container {
  max-height: 100vh;
  /* 设置最大高度，根据需要进行调整 */
  /* 添加滑块 */
  overflow-y: auto;
  margin-bottom: 67px;
}
</style>